<template>
  <div>列表渲染</div>
   <p v-for="item in items">{{item}}</p>
   <p v-for="item in result">{{item.payValue}}</p>
  <div v-for="item in result">
    <img :src="item.img" alt="" width="50px" height=50px>
  </div>
  <div>
  <span v-for="(value,key,index) of teacher">{{value}}=={{key}}=={{index}}</span>
  </div>
</template>

<script>
export default {
  name: "ListDemo",
  data() {
    return {
      items: ["大家好", "学java", "大赚一笔"],
      result: [
        { "shopId":2,
          "title":"100代金券",
          "subTitle":"通用",
          "rules":"通用",
          "payValue":8000,
          "actualValue":10000,
          "type":1,
          "stock":100},
        {
          "shopId":2,
          "title":"100代金券",
          "subTitle":"通用",
          "rules":"通用",
          "payValue":8000,
          "actualValue":10000,
          "type":1,
          "stock":100,
          "img":"https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF"
    }],
      teacher:{
        age:20,
        name:"李老师",
        sex:"女"
      }
    }
  }
}
</script>

